<!DOCTYPE html>
<html lang="en" >
<head>
  <!-- Basic Page Needs
================================================== -->
  <meta charset="utf-8">
  <!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>职到 - 职位，手到擒来！</title>
  <meta name="description" content="KIDS is a clean, modern, and fully responsive Html Template. Take your Startup business website to the next level. It is designed for kindergarten, childcare, homeschooling, school, learning, playground businesses or any type of person or business who wants to showcase their work, services and professional way.">
  <meta name="keywords" content="business, care, childcare, children, clean, corporate, happykids, homeschool, kids, kindergarten, playground, responsive, school, learning">
  <meta name="author" content="rometheme.net">

  <!-- ==============================================
  Favicons
  =============================================== -->

  <link rel="stylesheet" href="css/styleLogin.css">
  <script src='js/jquery.min.js'></script>
  <script src="js/scriptLogin.js"></script>
  <script src="/js/vue.js"></script>
  <script src="/js/axios.min.js"></script>

  <!-- ==============================================
Favicons
=============================================== -->
  <link rel="shortcut icon" href="images/favicon.ico">
  <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
  <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

  <!-- ==============================================
  CSS VENDOR
  =============================================== -->
  <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
  <link rel="stylesheet" type="text/css" href="css/vendor/owl.carousel.min.css">
  <link rel="stylesheet" type="text/css" href="css/vendor/owl.theme.default.min.css">
  <link rel="stylesheet" type="text/css" href="css/vendor/magnific-popup.css">
  <link rel="stylesheet" type="text/css" href="css/vendor/animate.min.css">

  <!-- ==============================================
  Custom Stylesheet
  =============================================== -->
  <link rel="stylesheet" type="text/css" href="css/style(qt).css" />

  <script src="js/vendor/modernizr.min.js"></script>
  <script type="text/javascript" src="/js/jquery-1.8.2.min.js"></script>
  <link rel="stylesheet" type="text/css" href="/css/style2.css">
  <script type="text/javascript" src="/js/script(biaoge).js"></script>

  <style>
    *{
      text-align: center;
    }
    .my ul{

    }
    .my #nav1 li{
      display: inline;
      width: 30%;
      text-decoration: none;
      padding-left: 50px;
      padding-right: 50px;
      font-size: x-large;
      font-family: 华光综艺_CNKI;
    }
    li:hover{
      color: #F1C22E;
    }
    .active{
      color:#F1C22E;
    }
    .task-table {
      margin-top: 10px;
      margin-bottom: 50px;
    }
  </style>

  <!--<style>-->
  <!--    .task-table {-->
  <!--        margin-top: 10px;-->
  <!--        margin-bottom: 50px;-->
  <!--    }-->
  <!--</style>-->
</head>
<body>
<!-- LOAD PAGE -->
<div class="animationload">
  <div class="loader"></div>
</div>

<!-- BACK TO TOP SECTION -->
<a href="#0" class="cd-top cd-is-visible cd-fade-out">Top</a>

<!-- TOPBAR -->
<div class="topbar">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-sm-8 col-md-6"></div>
      <div class="col-sm-4 col-md-6">
        <div class="sosmed-icon pull-right d-inline-flex">
          <a class="navbar-brand" href="login3.html">
            <img src="images/login.jpg" alt="">
          </a>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- 导航栏 -->
<div class="navbar-main" style="height:2px;">
  <div class="container">
    <nav id="navbar-example" class="navbar navbar-expand-lg">
      <a class="navbar-brand" href="index.html">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <img src="images/logo.png" alt="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <img src="images/slogan.png" alt="">
      </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
    </nav> <!-- -->
  </div>
</div>

<!--//注册-->
<div class="login-page" id="app">
  <div class="form">
    <!--        <form class="register-form">-->
    <!--            <input type="text" placeholder="用户名"/>-->
    <!--            <input type="password" placeholder="密码"/>-->
    <!--            <input type="text" placeholder="邮箱"/>-->
    <!--            <button>注册</button>-->
    <!--            <p class="message">不是新用户? <a href="#">立即注册</a></p>-->
    <!--        </form>-->
    <form class="login-form">
      <!--            <input type="text" v-model="company.company_id" placeholder="公司ID"/>-->
      <input type="text" v-model="applicant.applicant_name" placeholder="用户姓名"/>
      <input type="text" v-model="applicant.applicant_number" placeholder="用户账号"/>
      <input type="password" v-model="applicant.applicant_pass" placeholder="用户密码"/>
<!--      <input type="file" v-model="applicant.applicant_img_url" placeholder="用户图片"/>-->
      <input type="text" v-model="applicant.applicant_tel" placeholder="用户电话"/>
      <input type="email" v-model="applicant.applicant_email" placeholder="用户邮箱"/>
                  <select v-model="applicant.applicant_sex" >
                      <option>男</option>
                      <option>女</option>
                  </select>
<!--      <input type="email" v-model="applicant.applicant.applicant_nc" placeholder="用户昵称"/>-->
      <button type="button" @click="addApp">注册</button>
      <p class="message">已经注册? <a href="loginApp.html">登录</a></p>
    </form>
  </div>
</div>
<template>
  <div>
    <Modal v-model="classStatus" width="900" title="详情：" :styles="{top: '80px'}">
      <Table stripe class="task-table" :columns="columnsName4" :data="taskDetailList"></Table>
    </Modal>
    <div @click="showtaskDetail()">点击弹窗按钮</div>
  </div>
</template>
<!--<script src='js/jquery.min.js'></script>-->
<!--<script src="js/script.js"></script>-->
<!-- 此处是底部栏 -->
<div class="footer" data-background="images/bg.jpg">
  <div class="content-wrap">
    <div class="container">

      <div class="row">
        <div class="col-sm-3 col-md-3">
          <div class="footer-item">
            <img src="images/logo.png" alt="logo bottom" class="logo-bottom">
            <div class="spacer-30"></div>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.</p>
            <a href="#"><i class="fa fa-angle-right"></i> Read More</a>
          </div>
        </div>

        <div class="col-sm-3 col-md-3">
          <div class="footer-item">
            <div class="footer-title">
              Contact Info
            </div>
            <ul class="list-info">
              <li>
                <div class="info-icon">
                  <span class="fa fa-map-marker"></span>
                </div>
                <div class="info-text">99 S.t Jomblo Park Pekanbaru 28292. Indonesia</div> </li>
              <li>
                <div class="info-icon">
                  <span class="fa fa-phone"></span>
                </div>
                <div class="info-text">(0761) 654-123987</div>
              </li>
              <li>
                <div class="info-icon">
                  <span class="fa fa-envelope"></span>
                </div>
                <div class="info-text">info@yoursite.com</div>
              </li>
              <li>
                <div class="info-icon">
                  <span class="fa fa-clock-o"></span>
                </div>
                <div class="info-text">Mon - Sat 09:00 - 17:00</div>
              </li>
            </ul>

          </div>
        </div>

        <div class="col-sm-3 col-md-3">
          <div class="footer-item">
            <div class="footer-title">
              Useful Links
            </div>

            <ul class="list">
              <li><a href="index2.html" title="About us">关于我们</a></li>
              <li><a href="help1.html" title="Contact Us">帮助</a></li>
            </ul>

          </div>
        </div>

        <div class="col-sm-3 col-md-3">
          <div class="footer-item">
            <div class="footer-title">
              Get in Touch
            </div>
            <p>Lit sed The Best in dolor sit amet consectetur adipisicing elit sedconsectetur adipisicing</p>
            <div class="sosmed-icon d-inline-flex">
              <a href="#" class="fb"><i class="fa fa-facebook"></i></a>
              <a href="#" class="tw"><i class="fa fa-twitter"></i></a>
              <a href="#" class="ig"><i class="fa fa-instagram"></i></a>
              <a href="#" class="in"><i class="fa fa-linkedin"></i></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="fcopy">
    <div class="container">
      <div class="row">
        <div class="col-sm-12 col-md-12">
          <p class="ftex">Copyright 2019 &copy; <span class="color-primary">Kids HTML Template</span>. Designed by <span class="color-primary">Rometheme.</span></p>
        </div>
      </div>
    </div>
  </div>

</div>

</body>
</html>
<script>
  new Vue({
    el:"#app",
    data:{
      applicant:{
        // companyList:[]
      }
    },
    methods:{
      addApp:function(){
        console.log(this.applicant)
        axios.post('/app/add',this.applicant)
                .then(function (response) {
                  console.log(response.data);
                  var code = response.data.code
                  if(code==200){
                    alert("注册成功！")
                    location.href="loginApp.html"
                  }
                })
                .catch(function (error) {
                  console.log(error);
                });
      }
    },
    mounted(){
    },
  })
</script>




